<div class="mt-3">

    <table class="table table-bordered text-nowrap bg-light zero3-list-table">
        <thead class="sticky-top" style="top: 42px; z-index: 9">
        <tr class="text-center table-primary">
            <th scope="col" (click)="head.tr.selectedAll.click($event)">
                <fa-icon [icon]="head.tr.selectedAll.icon"></fa-icon>
            </th>
            <th scope="col"><span>用户ID</span></th>
            <th scope="col"><span>通知时间</span></th>
            <th scope="col"><span>通知人</span></th>
            <th scope="col"><span>订单号</span></th>
            <th scope="col"><span>推送标题</span></th>
            <th scope="col"><span>通知内容</span></th>
         </tr>
        </thead>
        <tbody>
        <ng-container *ngFor="let item of data?.page?.content; let i = index">
            <tr (click)="body.tr.click($event, item?.uuid)" tooltip="{{item?.serNum}}"
                (dblclick)="body.tr.dbclick($event, item?.uuid)"
                [ngClass]="{'row-selected': body.tr.isSelected(item?.uuid)}">
                <th scope="row" class="text-center">{{i + 1}}</th>
                 <td>{{item?.serUserId}}</td>
                <td>{{item?.createTime}}</td>
                <td>{{item?.serUserName}}</td>
                <td>{{item?.orderNo}}</td>
                <td>{{item?.serMessageTitle}}</td>
                <td>{{item?.serMessageContent}}</td>
            </tr>
        </ng-container>
        </tbody>
    </table>

</div>

<app-zero3-list-page [table]="this"></app-zero3-list-page>
